<style>
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
  }
  .{{$template|escape:'html'}}_table2 {
    border-top: solid 1px #694247;
    width: 900px;
    height: 24px;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    height: 30px;
    text-align: left;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 900px;
    height: 24px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 210px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
    font-weight:bold;
    font-size:110%;
    color:#fff;
    padding-left: 20px;
    border-right: solid 1px #fff;
    background-color: #7a5052;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 580px;
    text-align: left;
    vertical-align: middle;
    font-weight:bold;
    font-size:110%;
    color:#fff;
    padding-left: 20px;
    border-right: solid 1px #fff;
    background-color: #7a5052;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 70px;
    border-right: solid 1px #694247;
    background-color: #7a5052;
  }
  .{{$template|escape:'html'}}_addcontract {
    background-image: url(images/buttons/addcontract.png);
    height: 25px;
    width: 111px;
    cursor:pointer;
    border: 0;
  }
  .{{$template|escape:'html'}}_addcontract:hover {
    background-image: url(images/buttons/addcontract_h.png);
    height: 25px;
    width: 111px;
    cursor:pointer;
    border: 0;
  }
  .{{$template|escape:'html'}}_img2 {
    margin: 0 0 0 20px;
  }
</style>



<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageBackendContracts.instance('{{$template|escape:'javascript'}}');
      new HandlePageBackendContracts(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div id="container" class="page_width">
  <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0" id="table1">
    <tr>
      <td class="{{$template|escape:'html'}}_td1">
        <img src="images.png" id="{{$template|escape:'javascript'}}_add_button" class="{{$template|escape:'html'}}_addcontract"></img>
      </td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td2">
        <table class="{{$template|escape:'html'}}_table2" id="{{$template|escape:'javascript'}}_result_div" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td3">
              Order Type
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              Content
            </td>
            <td class="{{$template|escape:'html'}}_td5"></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>